<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="stylesheet" href="https://static.91haoka.cn/vant.css"/>
        <script src="https://static.91haoka.cn/vue.min.js"></script>
        <script src="https://static.91haoka.cn/vantall.js"></script>
        <script src="https://static.91haoka.cn/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css"/>
     </head>
	 <!-- 快手回调用 -->
	 <script type="text/javascript">
	 	(function(root) {
	 		var ksscript = document.createElement('script');
	 		ksscript.setAttribute('charset', 'utf-8');
	 		ksscript.src = '//p2-yx.adkwai.com/udata/pkg/ks-ad-trace-sdk/ks-trace.3.2.0.min.js';
	 		var s = document.getElementsByTagName('script')[0];
	 		s.parentNode.insertBefore(ksscript, s);
	 	})(window);
	 </script>
    <style type="text/css">
		*{ box-sizing: border-box; font-family:'PingFang SC';}
		.p1{ height: 1.3rem; }
		.p1 img{ width:100%; border-radius: 0.1rem;}
		.t1{ font-size: 0.28rem; color: #2D3038;}
		.btnx{ background: #FF3400; border-radius: 0.6rem; color: #fff; font-weight: bold; margin-top: 0.15rem; width: 1.7rem; padding: 0.1rem 0rem; text-align: center;}
		.p2 img{ width: 0.34rem;}
		.t2{ font-size: 0.22rem; margin-top: 0.05rem;}
		.li{ border-bottom: 1px #f1f1f1 solid; padding: 0.3rem 0;}
		.act{ color: #FF3400;}
		.van-tab{ min-width: 25%; max-width: 25%;}
		.youse .van-tabs__nav{background: #F3F3F5 !important; margin-bottom: 0.2rem;}
		.van-tabs__wrap{ margin-bottom: 0.2rem;}
		.share_class{
			cursor: pointer;
            z-index: 9999999999999999999999999999999999999999999999999999;
            background: white;
            height: 50px;
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            border-radius: 50%;
            top:296px;
            right: 20px;
            box-shadow: 0 3px 9px #A5B3BF;
		}
    </style>
	<body>
        <div id="app" style="background: #F3F3F5; min-height:100vh;" v-cloak>
			<div v-if="shareSwitch" style="position: fixed;top:280px;right: 15px;" class="share_class">
				<img src="img/share.png" style="width: 30px;height: 30px;margin-right: 5px;"/>
			</div>
			<!-- <div v-if="moban == 1" :style="youdima">
				<div v-for="(item,index) in json" :key="index" style="margin-bottom: 0.2rem;  background: #fff;">
					<div class="top" v-if="item.type == 1">
					     <div class="topimg" @click="go_type3(item)">
								<img :src="item.img" >
					     </div>
					</div>
					
					<div class="top" v-if="item.type == 2" style="font-size: 12px; padding: 0.3rem; margin-bottom: 0.2rem; color:#666; font-size: 13px; line-height:0.45rem">
					    {{item.text}}
					 </div>
					
					<div style="padding: 0.3rem; background: #fff; margin-bottom: 0.2rem;" v-if="item.type == 4 && xcx">
						<div class="flexb" style=" text-align: center;">
							<div v-for="(item2,index2) in item.list"  :key="index" @click="go_type4(item2)" style="flex: 1; overflown:hidden; margin:0.1rem;">
								<div class="p1 flexcc"><img :src="item2.img" style="max-width: 1.3rem;" ></div>
								<div class="t1" style="margin-top: 0.2rem;">{{item2.name}}</div>
							</div>
						</div>
					</div>
					<div style="padding: 0.1rem; background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999;" v-if="item.type == 6 && xcx">
						<div class="flexb" style=" text-align: center;">
							<div v-for="(item2,index2) in item.list"  :key="index" @click="go_type4(item2)" style="flex: 1; overflown:hidden; margin:0.1rem;">
								<div class="flexcc"><img :src="item2.img" style="height: 0.4rem; width: 0.4rem;" ></div>
								<div class="" style="margin-top: 0.2rem; font-size: 12px;">{{item2.name}}</div>
							</div>
						</div>
					</div>
					<div class="list" style="padding:0 0.3rem 0rem; background:#fff; margin-bottom: 0.2rem;" v-if="item.type == 5">
						
						<div>
							<van-tabs @click="onClick" v-model="all.cat">
							  <van-tab v-for="item2 in fenleilist" :title="item2.cat_name" :name="item2.cat_id">
							    <div v-if="item.radio == 1">
									<div v-for="(item,index) in list" :key="item.id">
										<div class="flex li" v-if="!item.front_pic">
											<div style="width: 2.9rem; position: relative;">
												<img :src="item.pic" class="bor">
												<span v-if="item2.cat_name == '全部'" style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 16px; width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div style="width: 4rem; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem;">
												<div style="font-weight: bold; font-size: 0.32rem;">{{item.sale_name}}</div>
												<div style="margin-top: 0.1rem;">月租：{{item.json.yuezu}}</div>
												<div style="margin-top: 0.1rem;">流量：{{item.json.liuliang}}</div>
												<div style="margin-top: 0.1rem;">语音：{{item.json.yuyin}}</div>
												<div style="margin-top: 0.1rem;">优惠：{{item.json.taocan}}</div>
												<div style="margin-top: 0.1rem; max-height: 1rem; overflow: hidden;"><img :src="item.market_pic"></div>
												<div class="btnx"  v-if="xcx" @click="go('dingdan.html',item.id)">立即办理</div>
												
												
												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;" v-if="!xcx">
													<div  @click="go('dingdan.html',item.id)" style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">免费办理</div>
													
													<div  @click="go('fenxiang.html',item.id)" style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">分享</div>
												</div>
											</div>
										</div>
										<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
											<img :src="item.front_pic" style="width: 100%;" @click="go('dingdan.html',item.id)">
										</div>
									</div>
							    	
							    </div>
							    
							    <div v-if="item.radio == 2" class="flexb">
									<div v-for="(item,index) in list" :key="item.id" >
										<div class="flex li" v-if="!item.front_pic"  style="width: 3.4rem; border-bottom:0"  >
											<div style="position: relative;" @click="go('dingdan.html',item.id)">
												<img :src="item.pic" style="width: 3.4rem; height:3.4rem;" class="bor">
												<span v-if="item2.cat_name == '全部'"  style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 16px; width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div style=" padding:0.15rem 0;font-weight: bold;font-size: 0.32rem; width: 100%;">
												<div style="">{{item.sale_name}}</div>
												<div class="flexbc" style="width: 100%;">
													<div style="margin-top: 0.1rem; font-size: 0.3rem; color:#E90010;">￥{{item.price}}</div>
													<div class="btnx" style="font-size: 12px;" @click="go('dingdan.html',item.id)"  v-if="xcx">立即办理</div>
												</div>
												<div style="margin-top: 0.1rem; max-height: 1rem; overflow: hidden;"><img :src="item.market_pic"></div>
												
												
												
												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;" v-if="!xcx">
													<div  @click="go('dingdan.html',item.id)" style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">免费办理</div>
													
													<div  @click="go('fenxiang.html',item.id)" style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">分享</div>
												</div>
											</div>
										</div>
										<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
											<img :src="item.front_pic" style="width: 100%;" @click="go('dingdan.html',item.id)">
										</div>
									</div>
							    </div>
							  </van-tab>
							</van-tabs>
						</div>
						
						
					</div>
					
					<div style=" background: #fff; margin-bottom: 0.2rem;" v-if="item.type == 3">
						<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
						  <van-swipe-item v-for="(item2,index2) in item.list" :key="index2"><img :src="item2.img" @click="go_type3(item2)"></van-swipe-item>
						</van-swipe>
					</div>
				</div>
			</div> -->
			 <!-- moban == 2 -->
			<div :style="youdima">
				<div v-for="(item,index) in json" :key="index" >
					<div class="top" v-if="item.type == 1" style="margin-bottom: 0.2rem;  background: #fff;">
					     <div class="topimg" @click="go_type3(item)">
								<img :src="item.img" >
					     </div>
					</div>
					
					<div class="top" v-if="item.type == 2" style="font-size: 12px; padding: 0.3rem; margin-bottom: 0.2rem; color:#666; font-size: 13px; line-height:0.45rem">
					    {{item.text}}
					 </div>
					<div style="padding: 0.3rem; background: #fff; margin-bottom: 0.2rem;" v-if="item.type == 4 && xcx">
					
							<div class="flexb" style=" text-align: center;width: 100%;">
								<div v-for="(item2,index2) in item.list" :key="index" @click="go_type4(item2)" style="flex: 1; overflow:hidden; margin:0.1rem;">
									<div class="p1 flexcc"><img :src="item2.img" style="max-width: 1.3rem;" ></div>
									<div class="t1" style="margin-top: 0.2rem;">{{item2.name}}</div>
								</div>
							</div>	
					

					</div>
					<div style="padding: 0.1rem; background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999;" v-if="item.type == 6 && xcx">
						<div class="flexb" style=" text-align: center;">
							<div v-for="(item2,index2) in item.list"  :key="index" @click="go_type4(item2)" style="flex: 1; overflow:hidden; margin:0.1rem;">
								<div class="flexcc"><img :src="item2.img" style="height: 0.4rem; width: 0.4rem;" ></div>
								<div class="" style="margin-top: 0.2rem; font-size: 12px;">{{item2.name}}</div>
							</div>
						</div>
					</div>
					
					<div class="list youse" style=" margin-bottom: 0.2rem;" v-if="item.type == 5">
						
						<div>
							<van-tabs @click="onClick" v-model="all.cat">
							  <van-tab v-for="item2 in fenleilist" :title="item2.cat_name" :name="item2.cat_id">
							    <div v-if="item.radio == 1">
									<div v-for="(item,index) in list" :key="item.id" style="padding: 0 0.2rem; margin-bottom: 0.2rem; background: #fff;">
										<div class="flex" style="padding: 0.2rem 0;" v-if="!item.front_pic">
											<div style="width: 2.2rem; height: 2.2rem; margin-right: 0.2rem; position: relative;">
												<img :src="item.pic" style="width: 2.2rem; height: 2.2rem;">
												<span v-if="item2.cat_name == '全部'" style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 16px; width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div style="width: 4.6rem; color: #2D3038; font-size: 0.26rem; position: relative;">
												<div style="font-weight: bold; font-size: 0.3rem; min-height: 0.4rem; margin-bottom: 0.1rem; line-height: 0.4rem; overflow: hidden;">{{item.sale_name}}</div>
												<div style="min-height: 0.4rem; line-height: 0.4rem; color: rgb(233, 0, 16); overflow: hidden; font-size: 13px;">{{item.tips}}</div>
												<div class="flex" style="min-height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-size: 12px;">
													<div v-for="(item2,index2) in item.sell_point" class="flexc" style="white-space: normal;">
														<span style="color: rgb(161, 160, 160);">{{item2}}</span>
														<span v-if="index2 != item.sell_point.length - 1 && item2 != ''" style="color: rgb(161, 160, 160); height: 0.2rem; background: rgb(161, 160, 160); width: 1px; margin: 0 0.1rem;"></span>
													</div>
												</div>
												<div class="flexbc" style="min-height: 0.4rem; line-height: 0.4rem; overflow: hidden;  font-size: 12px;">
													<div class="flexc">
														<div style="color: rgb(233, 0, 16); margin-right: 0.2rem;">¥{{item.price}}</div>
														<div style="text-decoration:line-through; color:rgb(161, 160, 160) ;" v-if="item.origin_price != 0">¥{{item.origin_price}}</div>
													</div>
													
												</div>
												<div class="flex" style="color:rgb(161, 160, 160) ; min-height: 0.4rem; line-height: 0.4rem;  font-size: 12px;" v-if="item.saled_amount">
													已售{{item.saled_amount}}
												</div>
												<div class="btnx" style="background: rgb(255, 71, 71); position: absolute; right: 0rem; bottom: 0rem;"  v-if="xcx && item.order_button" @click="go('dingdan.html',item.id)" >{{item.order_button}}</div>
												<div class="btnx" style="background: rgb(255, 71, 71); position: absolute; right: 0rem; bottom: 0rem;"  v-if="xcx && !item.order_button" @click="go('dingdan.html',item.id)" >立即办理</div>
											
												<!-- //小程序用 -->
												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;" v-if="!xcx">
													<div  @click="go('dingdan.html',item.id)" style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">免费办理</div>
													
													<div  @click="go('fenxiang.html',item.id)" style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">分享</div>
												</div>
											</div>
										</div>
										<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
											<img :src="item.front_pic" style="width: 100%;" @click="go('dingdan.html',item.id)">
										</div>
									</div>
							    	
							    </div>
							    
							    <div v-if="item.radio == 2" class="flexb">
									<div v-for="(item,index) in list" :key="item.id" >
										<div class="flex li"  v-if="!item.front_pic" style="width: 3.7rem; border-bottom:0; padding:0.15rem; background: #fff;"  >
											<div style="position: relative;" @click="go('dingdan.html',item.id)">
												<img :src="item.pic" style="width: 3.4rem; height:3.4rem;" class="bor">
												<span v-if="item2.cat_name == '全部'"  style="position: absolute; left: 0; top: 0; background: rgb(0, 0, 0,0.5); color: #fff; font-size: 16px; width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; border-radius: 0.1rem;">{{index+1}}</span>
											</div>
											<div style=" padding:0.15rem 0;font-weight: bold;font-size: 0.32rem; width: 100%;">
												<div style="">{{item.sale_name}}</div>
												<div class="flexbc" style="width: 100%;">
													<div style="margin-top: 0.1rem; font-size: 0.3rem; color:#E90010;">￥{{item.price}}</div>
													<div class="btnx" style="font-size: 12px;" @click="go('dingdan.html',item.id)"  v-if="xcx">立即办理</div>
												</div>
												<div style="margin-top: 0.1rem; max-height: 1rem; overflow: hidden;"><img :src="item.market_pic"></div>
												
												
												<!-- //小程序用 -->
												<div style="display: flex; justify-content: flex-end; margin-top: 0.1rem;" v-if="!xcx">
													<div  @click="go('dingdan.html',item.id)" style="width: 1.3rem; margin-right: 0.1rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: #fff; background: rgb(250, 23, 78);  border: 1px rgb(250, 23, 78) solid; text-align: center;">免费办理</div>
													
													<div  @click="go('fenxiang.html',item.id)" style="width: 1.3rem; line-height: 0.5rem; font-size: 12px; border-radius: 0.25rem; color: rgb(250, 23, 78); border: 1px rgb(250, 23, 78) solid; background: #fff; text-align: center;">分享</div>
												</div>
											</div>
										</div>
										<div class="flex" style="padding: 0.2rem 0;" v-if="item.front_pic">
											<img :src="item.front_pic" style="width: 100%;" @click="go('dingdan.html',item.id)">
										</div>
									</div>
							    </div>
							  </van-tab>
							</van-tabs>
						</div>
						
						
					</div>
					
					<div style=" background: #fff; margin-bottom: 0.2rem;" v-if="item.type == 3">
						<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
						  <van-swipe-item v-for="(item2,index2) in item.list" :key="index2"><img :src="item2.img" @click="go_type3(item2)"></van-swipe-item>
						</van-swipe>
					</div>
			</div>
			
           <!-- //小程序用 -->
			<div v-if="!xcx" style="position: fixed; box-shadow: 0 0px 10px #eee; right: 0.2rem; bottom:3.2rem; background: #fff; width: 1.1rem; height: 1.1rem; border-radius: 0.55rem; text-align: center; font-size: 0.24rem; font-weight: bold;" class="flexcc">
				<div @click="go4('fenxiangdianpu.html',all.tab)">
					<div>
						<img src="https://photo.91haoka.cn/haoka_mobile/fenxiang.png" style="width: 0.4rem; height: 0.4rem;"></img>
					</div>
					<div>分享</div>
				</div>
			</div>
			
			<!-- <div style="background: #F1F1F1; height: 0.2rem; width: 100%;"></div> -->
			<!-- <div style="font-size: 0.25rem; padding: 0.2rem 0; color: #f00;" class="flexc">
				<span style="margin: 0 0.1rem 0 0; color: #333;">商品口碑</span>4.99<span style="margin: 0 0.1rem;">高</span><van-rate disabled v-model="value" disabled-color="#f00" size='16px' style="position: relative; top: 1px; " color="#f00" />
			</div> -->
			
			<!-- <div class="fixed" style="bottom: 0; background: #fff; ">
				<div class="flexb" style=" padding: 0.15rem 0rem; text-align: center;">
					<div style="flex: 1;">
						<div class="p2 flexcc"><img src="img/i4.png"></div>
						<div class="t2 act">主页</div>
					</div>
					<div style="flex: 1;" @click="go('kefu.html')">
						<div class="p2 flexcc"><img src="img/i5.png"></div>
						<div class="t2">在线客服</div>
					</div>
					<div style="flex: 1;" @click="go2">
						<div class="p2 flexcc"><img src="img/i6.png"></div>
						<div class="t2">订单查询</div>
					</div>
				</div>
			</div> -->
        </div>

       
        <script>
            var h = document.documentElement.clientWidth / 7.5 + 'px';
                document.documentElement.style.fontSize = h;

            
            new Vue({
                el: '#app',
                data: function() {
                	return {
						shareSwitch:false,
						all:{
							page:1,
							page_size:99,
							tab:"",
							cat:0
						},
                        list:"",
						value:5,
						apis:'',
						luoji:true,
						fenleilist:"",
						xcx:true,
						moban:2,
						json:[]
                	}
                },
                created(){
					this.all.tab = this.getUrlParam('id')
					if(this.all.tab == 38){
						this.luoji = false
					}
					localStorage.setItem('tab',this.all.tab)
					
					if(this.getUrlParam('adid')){
						localStorage.setItem('adid', this.getUrlParam('adid'))
					}
					if (this.getUrlParam('creativeid')) {
						localStorage.setItem('creativeid', this.getUrlParam('creativeid'))
					}
					if(this.getUrlParam('creativetype')){
						localStorage.setItem('creativetype', this.getUrlParam('creativetype'))
					}
					if (this.getUrlParam('clickid')) {
						localStorage.setItem('clickid', this.getUrlParam('clickid'))
					}
					if(this.getUrlParam('source')){
						if(this.getUrlParam('source') == 'xcx'){
							this.xcx = false
						}
					}
					
					if(this.getUrlParam('missionId')){
						localStorage.setItem('missionId', this.getUrlParam('missionId'))
					}
					if(this.getUrlParam('orderId')){
						localStorage.setItem('orderId', this.getUrlParam('orderId'))
					}
					if(this.getUrlParam('trafficsource')){
						localStorage.setItem('trafficsource', this.getUrlParam('trafficsource'))
					}
					if(this.getUrlParam('imeiMD5')){
						localStorage.setItem('imeiMD5', this.getUrlParam('imeiMD5'))
					}
					if(this.getUrlParam('callback')){
						localStorage.setItem('callback', this.getUrlParam('callback'))
					}
					if(this.getUrlParam('event_id')){
						localStorage.setItem('event_id', this.getUrlParam('event_id'))
					}
					if(this.getUrlParam('qz_gdt')){
						localStorage.setItem('qz_gdt', this.getUrlParam('qz_gdt'))
					}
					if(this.getUrlParam('click_ext')){
						localStorage.setItem('click_ext', this.getUrlParam('click_ext'))
					}
					if(this.getUrlParam('use_env')){
						localStorage.setItem('use_env', this.getUrlParam('use_env'))
					}
					if(this.getUrlParam('mark_id')){
						localStorage.setItem('mark_id', this.getUrlParam('mark_id'))
					}
					if(this.getUrlParam('bd_vid')){
						localStorage.setItem('bd_vid', this.getUrlParam('bd_vid'))
					}
					if(this.getUrlParam('token')){
						localStorage.setItem('token', this.getUrlParam('token'))
					}
					
					if(this.getUrlParam('track_id')){
						localStorage.setItem('track_id', this.getUrlParam('track_id'))
					}
					if(this.getUrlParam('data_source_id')){
						localStorage.setItem('data_source_id', this.getUrlParam('data_source_id'))
					}
					if(this.getUrlParam('account_id')){
						localStorage.setItem('account_id', this.getUrlParam('account_id'))
					}
					if(this.getUrlParam('youku_track_id')){
						localStorage.setItem('youku_track_id', this.getUrlParam('youku_track_id'))
					}
					if(this.getUrlParam('youku_creative_id')){
						localStorage.setItem('youku_creative_id', this.getUrlParam('youku_creative_id'))
					}
					
					
					// localStorage.clear()
					// if(this.getUrlParam('juliang')){
					// 	localStorage.setItem('juliang',this.getUrlParam('juliang'))
					// }
					
					// if(this.getUrlParam('adid')){
					// 	localStorage.setItem('adid',this.getUrlParam('adid'))
					// }
					// if(this.getUrlParam('clickid')){
					// 	localStorage.setItem('clickid',this.getUrlParam('clickid'))
					// }
					// if(this.getUrlParam('creativeid')){
					// 	localStorage.setItem('creativeid',this.getUrlParam('creativeid'))
					// }
					// if(this.getUrlParam('creativetype')){
					// 	localStorage.setItem('creativetype',this.getUrlParam('creativetype'))
					// }
					
					// this.all.shop_id = this.getUrlParam('shop')
					// if(this.all.shop_id == 127837){
					// 	localStorage.setItem('shop_id',127837)
					// }else{
					// 	localStorage.clear('shop_id')
					// }
					
					
     //                this.getpro()
					if(location.href.includes('local')){
						this.apis = '/apis'
					}
					this.getpeizhi()
					
					axios.get(`${this.apis}/api/store/info?id=${this.all.tab}`)
					.then(response => {
	
						if(response.data.data != null){
							document.title = response.data.data.title
							localStorage.setItem('title',response.data.data.title)
						}
						
					})
					this.getfenlei()
                },
				computed:{
				  youdima(){
					  
				    if(this.json.filter(item=>item.type == 6).length > 0){
				      return {
				          padding: "0 0 1.4rem 0"
				      }
				    }
				  }
				},
                mounted () {
                   
                },
                methods:{
					onClick:function(){
						console.log(this.all.cat)
						this.getshop()
					},
					
					getfenlei:function(){
						
						axios.get(`${this.apis}/api/mini/catgory/list?tab=${this.getUrlParam('id')}`)
						.then(response => {
							this.fenleilist = response.data.data
							this.fenleilist.unshift({
								cat_id: 0,
								cat_name: "全部"
							})
						})
					},
					
					go_type3:function(item){
						if(item.url){
							window.location.href = item.url
						}
					},
					go_type4:function(item){
					
						//1自定义2联系客服3订单查询
						let url = ''
						if(item.dizhi == 1){
							if(item.url){
								url = item.url
							}
						}
						if(item.dizhi == 2){
							url = './kefu.html'
						}
						if(item.dizhi == 3){
							url = './chadan.html'
						}
					
						window.location.href = url
					},
					getpeizhi:function(){
						let wenjianjia = 'web-store'
						if(window.location.href.includes('storep.91haoka.cn') && this.apis == ''){
							wenjianjia = 'web-store'
						}
						if(window.location.href.includes('store.91haoka.cn') && this.apis == ''){
							wenjianjia = 'test-web-store'
						}
						if(window.location.href.includes('localhost')){
						  wenjianjia = 'web-store'
						}
						
						axios.get(`https://file.91haoka.cn/${wenjianjia}/${this.all.tab}.json?v=${Math.random()}`)
						// axios.get(`${this.apis}/storage/web-store/${this.all.tab}.json?v=${Math.random()}`)
						.then(response => {
							this.json = JSON.parse(response.data) 
							
							
							if(!this.xcx){
								this.json.forEach(item=>{
									if(item.type == 5){
										item.radio =2
									}
								})
							}
							let share=this.json?.find(item=>item.type==8)
							console.log('share',share)
							if(!!this.json.find(item=>item.type==8)){
								this.shareSwitch=share.shareSwitch
							}else{
								this.shareSwitch=false
							}
							this.json.forEach(item=>{
								if(item.type == 7){
									this.moban = item.moban
								}
								// this.moban = 2
							})
							console.log(this.json)
							this.getshop()
						})
					},
					getshop:function(){
						axios.get(`${this.apis}/api/page/list2`,{params:this.all})
						  .then(response => {
						    if(response.data.msg.code == 0){
						      this.list = response.data.data.data
							 //  let fenleilist = []
							  this.list.forEach(item=>{
							  	if(item.json != ''){
							  		item.json = JSON.parse(item.json)
							  	}
								if(item.sell_point != null && item.sell_point){
									item.sell_point = JSON.parse(item.sell_point)
								}else{
									item.sell_point = []
								}
							  })
							 //  this.fenleilist = [...new Set(fenleilist)]
							 //  this.fenleilist.unshift('全部')
							  
						      this.total = response.data.data.total
						    }else{
						      this.$message.error(response.data.msg.info);
						    }
						  });
					},
					getUrlParam:function(name) {
					    var query = window.location.search.substring(1);
					    var vars = query.split("&");
					    for (var i=0;i<vars.length;i++) {
					            var pair = vars[i].split("=");
					            if(pair[0] == name){return pair[1];}
					    }
					    return(false);
					},
					//获取商品
					getpro: function() {
						var that = this;
						axios.get('/web/page/list2',{
							params:this.all
						})
							.then(response => {
								if (response.data.msg.code == 0) {
									that.list = response.data.data.data
									that.list.forEach(item=>{
										if(item.json != ''){
											item.json = JSON.parse(item.json)
										}
										console.log(item.json)
									})
								} else {
									that.$message.error(response.data.msg.info);
								}
							})
					},
					go:function(url,id){
						if(this.moban == 1){
							window.location.href = 'dingdan.html?id='+id
						}else{
							window.location.href = 'order_page.html?id='+id
						}
						
					},
					go2:function(){
						window.location.href = 'chadan.html'
					},
     //                go:function(url,id){
					// 	window.location.href = url+'?id='+id
					// },
					go3:function(){
						window.location.href = 'https://open.haoma.com/?source=000899'
					},
					go4:function(url,id){
						window.location.href = url+'?id='+id+'&source=xcx'
					},
                }
            });

  
        </script>
	</body>
</html>
